﻿<html lang="en" class=" dk_fouc dk_fouc"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Welcome to HMQI's Site</title>
<meta name="keywords" content="Your keywords here">
<meta name="description" content="Your description">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css">
<link href="/static/css/styles.css" rel="stylesheet" type="text/css">
<link href="/static/include/js/poshytip/tip-twitter/tip-twitter.css" rel="stylesheet" type="text/css">
<link href="/static/include/js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css">
<link href="/static/include/js/jnotify/jNotify.jquery.css" rel="stylesheet" type="text/css">
<!-- Front End -->
<link href="http://fonts.googleapis.com/css?family=Advent+Pro:500" rel="stylesheet" type="text/css">
<link href="/static/front-end/css/styles.css" rel="stylesheet" type="text/css">
<link href="/static/front-end/js/dropkick/dropkick.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="/static/include/js/jquery-1.7.2.min.js" style="color: rgb(0, 0, 0);"></script>
<script type="text/javascript" src="/static/include/js/jquery.debouncedresize.js"></script>
<script type="text/javascript" src="/static/include/js/jquery.animate-colors-min.js"></script>
<script type="text/javascript" src="/static/include/js/slider/jquery.ba-bbq.min.js"></script>
<script type="text/javascript" src="/static/include/js/slider/jquery.touchSwipe-1.2.5.js"></script>
<script type="text/javascript" src="/static/include/js/slider/jquery.sudoSlider.min.js"></script>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="/static/include/js/poshytip/jquery.poshytip.min.js"></script>
<script type="text/javascript" src="/static/include/js/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="/static/include/js/fancybox/helpers/jquery.fancybox-media.js"></script>
<script type="text/javascript" src="/static/include/js/jnotify/jNotify.jquery.min.js"></script>
<script type="text/javascript" src="/static/include/js/scripts.js"></script>
<!-- Front End -->
<script type="text/javascript" src="/static/front-end/js/dropkick/jquery.dropkick-1.0.0.js"></script>
<script type="text/javascript" src="/static/front-end/js/scripts.js"></script>
<style id="poshytip-css-tip-twitter" type="text/css">div.tip-twitter{visibility:hidden;position:absolute;top:0;left:0;}div.tip-twitter table, div.tip-twitter td{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;}div.tip-twitter td.tip-bg-image span{display:block;font:1px/1px sans-serif;height:10px;width:10px;overflow:hidden;}div.tip-twitter td.tip-right{background-position:100% 0;}div.tip-twitter td.tip-bottom{background-position:100% 100%;}div.tip-twitter td.tip-left{background-position:0 100%;}div.tip-twitter div.tip-inner{background-position:-10px -10px;}div.tip-twitter div.tip-arrow{visibility:hidden;position:absolute;overflow:hidden;font:1px/1px sans-serif;}</style></head>
<body id="purple" class="pattern1">
    <div class="selector">
        <form method="get">
            <h3>Board</h3>
            <select name="color">
                <option value="blue">Blue</option>
                <option value="red">Red</option>
                <option value="gray">Gray</option>
                <option value="orange">Orange</option>
                <option value="green">Green</option>
                <option value="purple" selected="">Purple</option>
                <option value="pale-blue">Pale Blue</option>
            </select>
            <div class="clear"></div>
            <h3>Styles</h3>
            <ul class="patterns">
                <li><a href="javascript:void(0)" id="pattern1" class="active"></a></li>
                <li><a href="javascript:void(0)" id="pattern2"></a></li>
                <li><a href="javascript:void(0)" id="pattern3"></a></li>
                <div class="clear"></div>
                <li><a href="javascript:void(0)" id="pattern4"></a></li>
                <li><a href="javascript:void(0)" id="pattern5"></a></li>
                <li><a href="javascript:void(0)" id="pattern6"></a></li>
                <div class="clear"></div>
                <li><a href="javascript:void(0)" id="pattern7"></a></li>
                <li><a href="javascript:void(0)" id="pattern8" style="color: rgb(255, 255, 255);"></a></li>
                <li><a href="javascript:void(0)" id="pattern9" style="color: rgb(255, 255, 255);"></a></li>
                <div class="clear"></div>
                <li><a href="javascript:void(0)" id="pattern10" style="color: rgb(255, 255, 255);"></a></li>
                <li><a href="javascript:void(0)" id="pattern11" style="color: rgb(255, 255, 255);"></a></li>
                <li><a href="javascript:void(0)" id="pattern12" style="color: rgb(255, 255, 255);"></a></li>
            </ul>
        </form>
        <div class="clear" style="height:15px;"></div>
    </div>
    <!-- start: #wrapper -->
    <div id="wrapper">
        <!-- start: #header -->
        <header id="header">
            <div class="decoration"></div>
            <img src="/static/images/photo.jpg" width="120" height="150" alt="Jhon Doe Photo" class="movil-photo">
            <div class="clear"></div>
            <hgroup class="alignleft">
                <h1 class="arvo">HUMQ</h1>
                <h2>from NJUST</h2>
            </hgroup>
            <!--<a href="#" class="download" style="color: rgb(255, 255, 255);"></a>-->
            <div class="social alignright">
                <a href="#" class="dribble" target="_blank" title="Dribble" style="color: rgb(255, 255, 255);"></a>
                <a href="#" class="flickr" target="_blank" title="Flickr" style="color: rgb(255, 255, 255);"></a>
                <a href="#" class="twitter" target="_blank" title="Twitter" style="color: rgb(255, 255, 255);"></a>
                <a href="#" class="facebook" target="_blank" title="Facebook" style="color: rgb(255, 255, 255);"></a>
                <div class="clear"></div>
            </div>
            <div class="clear20"></div>
        </header>
        <!-- end: #header -->
        <!-- start: .content -->
        <div class="content">
            <!-- end: .slider -->
            <div class="slider" style="position: relative;">
                <ul class="wrapper" style="width: 1e+07px; margin-top: 0px; margin-left: -2100px;">
                    <li class="box" style="float: left; display: block;">
                        <!-- start: #home -->
                        <div id="home">
                            <div class="border"></div>
                            <div class="info alignleft">
                                <ul class="info np">
                                    <li><span class="title">NAME</span>Mingqi Hu</li>
                                    <li><span class="title">DATE OF BIRTH</span>February 14th, 1990</li>
                                    <li><span class="title">ADDRESS</span>NanJing China</li>
                                    <li><span class="title">PHONE</span>+56 069 234234</li>
                                </ul>                                 
                                <ul class="info">
                                    <li><span class="title">FOCUS</span>Cloud Computing and Networks</li>
                                    <li><span class="title">MASTER LANGUAGES</span>C/C++,JAVA,C#,</br>
                                    PYTHON,JAVASCRIPT</li>
                                </ul>
                                <ul class="info">
                                    <li><span class="title">EMAIL</span>xiaoq_focus_net@sina.com</li>
                                    <li><span class="title">WEIBO</span><a href="http://weibo.com/u/5143027608" style="color: rgb(255, 255, 255);">http://weibo.com/u/5143027608</a></li>
                                </ul>
                                <div class="clear"></div>
                            </div>
                            <div class="about">
                                <img src="/static/images/photo.jpg" width="120" height="150" alt="Jhon Doe Photo" class="alignleft photo">
                                <div class="alignright">
                                    <p>Hello!</p>
                                    <p>Welcome to my personal site!</p>
                                    <p>The site is about my focus field,personal honby and some shares!</p>
                                    <p class="np">For anyone who is interested in Cloud Computing or Data Mining , I'm glad to make friend with you to communicate the theme!</p>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <!-- end: #home -->   
                    </li>
                    <li class="box" style="float: left; display: block;">
                        <!-- start: #resume -->
                        <div id="resume">
                            <div class="border"></div>
                            <div class="alignleft">
                                <section class="skills">
                                    <h3 class="np">SOFTWARE SKILLS</h3>
                                    <ul class="info">
                                        <li><span class="rating5"></span>Adobe Fireworks</li>
                                        <li><span class="rating2"></span>Adobe Photoshop</li>
                                        <li><span class="rating5"></span>Adobe Illustrator</li>
                                        <li><span class="rating3"></span>Adobe Dreamweaver</li>
                                        <li><span class="rating1"></span>Corel Painter</li>
                                    </ul>
                                </section>
                                <section class="skills">
                                    <h3>PROGRAMMING SKILLS</h3>
                                    <ul class="info">
                                        <li><span class="rating3"></span>HTML / HTML 5</li>
                                        <li><span class="rating2"></span>CSS / CSS 3</li>
                                        <li><span class="rating2"></span>PHP</li>
                                        <li><span class="rating4"></span>PYTHON / DJANGO</li>
                                        <li><span class="rating4"></span>JAVA / SSH</li>
                                        <li><span class="rating4"></span>NOSQL / MONGODB</li>
                                    </ul>
                                </section>
                                <div class="clear"></div>
                            </div>
                            <div class="alignright">
                                <section class="misc">
                                    <h3>EDUCATION</h3>
                                    <ul class="info">
                                        <li><span class="date">2013 - 2017</span><p>NanJing University of Science and Technology<span class="charge">Software Engine Direction</span></p></li>                                        
                                    </ul>
                                    <div class="clear"></div>
                                </section>
                                <section class="misc">
                                    <h3>INTEREST</h3>
                                    <ul class="info">
                                        <li><span class="date">Sports</span><p>Running & Table tennis</p></li>
                                        <li><span class="date">Movies</span><p>The Matrix , The legend of 1900
                                        <span class="charge">Mixture of emotions , Wana say somethings but can't...</span></p></li>  
                                        <li><span class="date">Games</span><p>The Old Scroll , MineCraft...</p></li>
                                        <li><span class="date">Technology</span><p>Cloud Computing
                                        <span class="charge">Cloud Computing is future!</span></p></li>
                                                                               
                                    </ul>
                                    <div class="clear"></div>
                                </section>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <!-- end: #resume -->
                    </li>
                    <li class="box" style="float: left; display: block;">
                        <!-- start: #portfolio -->
                        <div id="portfolio">
                            <h3>COLLECTIONS</h3>
                            <a href="/static/images/portfolio/1-th.jpg" class="video"><img src="/static/images/portfolio/1-th.jpg" width="140" height="100" alt="Image 1"><p><span></span>Lorem Ipsum</p></a>
                            <a href="/static/images/portfolio/2-th.jpg" class="photo"><img src="/static/images/portfolio/2-th.jpg" width="140" height="100" alt="Image 2"><p><span></span>Lorem Ipsum dolor sit amet</p></a>
                            <a href="/static/images/portfolio/3.jpg" class="photo" title="Lorem Ipsum dolor sit amet" rel="gallery1"><img src="/static/images/portfolio/3-th.jpg" width="140" height="100" alt="Image 3"><p><span></span>Lorem Ipsum dolor sit amet</p></a>
                            <a href="/static/images/portfolio/4.jpg" class="video last" style="color: rgb(255, 255, 255);"><img src="/static/images/portfolio/4-th.jpg" width="140" height="100" alt="Img 1"><p><span></span>Lorem Ipsum</p></a>
                            <a href="/static/images/portfolio/2-th.jpg" class="video"><img src="/static/images/portfolio/2-th.jpg" width="140" height="100" alt="Image 5"><p><span></span>Lorem Ipsum</p></a>
                            <a href="/static/images/portfolio/3.jpg" class="photo" title="Lorem Ipsum dolor sit amet" rel="gallery1"><img src="/static/images/portfolio/3-th.jpg" width="140" height="100" alt="Image 3"><p><span></span>Lorem Ipsum dolor sit amet</p></a>
                            <a href="/static/images/portfolio/4.jpg" class="photo" style="color: rgb(255, 255, 255);"><img src="/static/images/portfolio/4-th.jpg" width="140" height="100" alt="Img 1"><p><span></span>Lorem Ipsum</p></a>
                            <a href="/static/images/portfolio/1-th.jpg" class="video last" style="color: rgb(255, 255, 255);"><img src="/static/images/portfolio/1-th.jpg" width="140" height="100" alt="Img 8"><p><span></span>Lorem Ipsum</p></a>
                        </div>
                        <!-- end: #portfolio -->
                    </li>
                    <li style="float: left; display: block;">
                        <!-- start #contact -->
                        <div id="contact">
                            <div class="border"></div>
                            <div class="alignleft">
                                <form action="send.php" class="contact" method="post">
                                    <h3 class="np">CONTACT ME</h3>
                                    <input type="text" name="name" class="inputbox required alignleft" title="Your name...">
                                    <input type="text" name="email" class="inputbox required alignright" title="Your email...">
                                    <textarea name="message" class="required" title="Your message..."></textarea>
                                    <input type="hidden" name="action" value="send">
                                    <input type="submit" value="Send" class="send" onclick="">
                                </form>
                                <div class="clear"></div>
                                <section>
                                    <h3>CONTACT INFO</h3>
                                    <p>XiaoLingWei 200 , NanJing , JiangSu<br>China</p>
                                </section>
                            </div>
                            <div class="alignright">
                                <section>
                                    <h3 class="np">MAP</h3>
                                    <div id="map_canvas"></div>
                                </section>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <!-- end: #contact -->
                    </li>
                </ul>
            </div><span id="controls"></span><span id="controls"></span><span id="controls"></span><span id="controls"></span><span id="controls"></span><span id="controls"></span><span id="controls"></span><span id="controls"></span><span id="controls"></span><span id="controls"></span><span id="controls"></span><span id="controls"></span><span id="controls"></span><span id="controls"></span><span id="controls"></span>
            <!-- end: .slider -->
        </div>
        <!-- end: .content -->
        <!-- start: #footer -->
        <footer id="footer">
            <nav>
                <ul>
                    <li><a href="#home" class="home" rel="1" style="color: rgb(255, 255, 255);">HOME</a></li>
                    <li><a href="#resume" class="resume" rel="2" style="color: rgb(255, 255, 255);">RESUME</a></li>
                    <li><a href="#portfolio" class="portfolio" rel="3" style="color: rgb(255, 255, 255);">SHARES</a></li>
                    <li><a href="#contact" class="contact current" rel="4" style="color: rgb(255, 255, 255);">CONTACT</a></li>
                </ul>
            </nav>
        </footer>
        <!-- end: #footer -->
        <div class="clear"></div>
    </div>
    <!-- end: #wrapper -->
<div style="display:none"><script src="http://v7.cnzz.com/stat.php?id=155540&amp;web_id=155540" language="JavaScript" charset="gb2312"></script><script src="http://c.cnzz.com/core.php?web_id=155540&amp;t=z" charset="utf-8" type="text/javascript"></script><a href="http://www.cnzz.com/stat/website.php?web_id=155540" target="_blank" title="站长统计">站长统计</a><script src="http://c.cnzz.com/core.php?web_id=155540&amp;t=z" charset="utf-8" type="text/javascript"></script><a href="http://www.cnzz.com/stat/website.php?web_id=155540" target="_blank" title="站长统计">站长统计</a><a href="http://www.cnzz.com/stat/website.php?web_id=155540" target="_blank" title="站长统计">站长统计</a></div>

<div class="tip-twitter"><div class="tip-inner tip-bg-image"></div><div class="tip-arrow tip-arrow-top tip-arrow-right tip-arrow-bottom tip-arrow-left"></div></div><div class="tip-twitter"><div class="tip-inner tip-bg-image"></div><div class="tip-arrow tip-arrow-top tip-arrow-right tip-arrow-bottom tip-arrow-left"></div></div><div class="tip-twitter"><div class="tip-inner tip-bg-image"></div><div class="tip-arrow tip-arrow-top tip-arrow-right tip-arrow-bottom tip-arrow-left"></div></div><div class="tip-twitter"><div class="tip-inner tip-bg-image"></div><div class="tip-arrow tip-arrow-top tip-arrow-right tip-arrow-bottom tip-arrow-left"></div></div></body></html>